<template>
  <div>
    <!-- Map Area Starts -->
    <section class="map-area section-padding" style="margin:0  auto;padding: 0;">
      <div class="container">
        <div class="row">
          <div class="col-lg-12">
            <div id="mapBox" class="mapBox"
                 data-lat="40.701083"
                 data-lon="-74.1522848"
                 data-zoom="13"
                 data-info="PO Box CT16122 Collins Street West, Victoria 8007, Australia."
                 data-mlat="40.701083"
                 data-mlon="-74.1522848">
            </div>
            <div id="dituContent " style="width:697px;height:550px;border:#ccc solid 1px;margin:0  auto" class="mapBox"> 
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- Map Area End -->
    
    <!-- baiduMap  start-->

<!-- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="keywords" content="百度地图,百度地图API，百度地图自定义工具，百度地图所见即所得工具" />
<meta name="description" content="百度地图API自定义地图，帮助用户在可视化操作下生成百度地图" />
<title>百度地图API自定义地图</title>
<!--引用百度地图API-->
<!-- <style type="text/css">
    html,body{margin:0;padding:0;}
    
</style> --> 
<!-- <script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script> -->
<!-- </head> -->

<!-- <body> -->
  <!--百度地图容器-->
  <!-- <div style="width:697px;height:550px;border:#ccc solid 1px;" id="dituContent"></div>
</body> -->

<!-- </html> -->

    <!-- baiduMap end -->


    <!-- Contact Form Starts -->
    <section class="contact-form section-padding3">
      <div class="container">
        <div class="row">
          <div class="col-lg-3 mb-5 mb-lg-0">
            <div class="d-flex">
              <div class="into-icon">
                <i class="fa fa-home"></i>
              </div>
              <div class="info-text">
                <h4>California, United States</h4>
                <p>Santa monica bullevard</p>
              </div>
            </div>
            <div class="d-flex">
              <div class="into-icon">
                <i class="fa fa-phone"></i>
              </div>
              <div class="info-text">
                <h4>00 (440) 9865 562</h4>
                <p>Mon to Fri 9am to 6 pm</p>
              </div>
            </div>
            <div class="d-flex">
              <div class="into-icon">
                <i class="fa fa-envelope-o"></i>
              </div>
              <div class="info-text">
                <h4>support@colorlib.com</h4>
                <p>Send us your query anytime!</p>
              </div>
            </div>
          </div>
          <div class="col-lg-9">
            <form action="#">
              <div class="left">
                <input type="text" placeholder="Enter your name" onfocus="this.placeholder = ''"
                       onblur="this.placeholder = 'Enter your name'" required>
                <input type="email" placeholder="Enter email address" onfocus="this.placeholder = ''"
                       onblur="this.placeholder = 'Enter email address'" required>
                <input type="text" placeholder="Enter subject" onfocus="this.placeholder = ''"
                       onblur="this.placeholder = 'Enter subject'" required>
              </div>
              <div class="right">
                <textarea name="message" cols="20" rows="7" placeholder="Enter Message" onfocus="this.placeholder = ''"
                          onblur="this.placeholder = 'Enter Message'" required></textarea>
              </div>
              <button type="submit" class="template-btn">subscribe now</button>
            </form>
          </div>
        </div>
      </div>
    </section>
    <!-- Contact Form End -->
  </div>
</template>
<script>
  export default {}
</script>

